<template>
  <div class="footer">
  <div class="footer_box">
      <div class="footer_content df_bet ">
      <div class="footer_list">
        <div class="item">
          <span class="text_title">栏目导航</span>
          <span class="item_a">首页</span>
          <span class="item_a">走进治明</span>
          <span class="item_a">标准化服务</span>
          <span class="item_a">最新动态</span>
          <span class="item_a">技术转移</span>
          <span class="item_a">联系我们</span>
        </div>
        <div class="item">
          <span class="text_title">联系我们</span>
          <span>电话xxx-xxxxx</span>
          <span>Email-xxxxxxx11qq.com</span>
        </div>
        <div class="item">
          <span class="text_title">全国客服</span>
          <span class="customer">客服小助手 周一至周日09：00-22：00</span>
        </div>
        <!-- <div class="item">
          <span class="text_title">友情链接</span>
          <span class="item_a">中科标准研究院</span>
          <span class="item_a">宁德标准化协会</span>
          <span class="item_a">海西标准化</span>
        </div> -->
      </div>
      <div class="code_img">
        <img src="../assets/img/logo.jpg" alt="" />
      </div>
    </div>
    <div class="footer_tips pd150">
      <div class="text"><img src="../assets/img/备案图标.png"/><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010502002054" target="_blank" style="color:#ffffff">粤公网安备 44010502002054号</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://beian.miit.gov.cn/" target="_blank" style="color:#ffffff">粤ICP备2021108485号</a></div>
      <div class="text">
        Copyright © 2017-2021 广州治明科学技术研究院有限公司 All Rights
        Reserved.
      </div>
      <div class="text">地址：广东省广州市海珠区东晓路雅墩街17号3楼301自编之一</div>
    </div>
  </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
@import "~/assets/css/main.scss";

.footer {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: rem(300);
  background-color: #337ab7;
  color: #fff;
  padding: rem(16);
  font-size: rem(16);
 .footer_box{
    .footer_content {
    img{
      width: rem(125);
    }
    margin: 0 rem(150);
    padding-bottom: rem(10);
    border-bottom: 1px solid #fff;
    .footer_list {
      .item {
        height: rem(30);
        line-height: rem(30);
        .text_title {
        }
        span {
          margin-right: rem(10);
          cursor: pointer;
        }
        .item_a:hover {
          border-bottom: 1px solid #fff;
        }
      }
    }
  }
  .footer_tips {
    margin-top: rem(10);
    text-align: center;
  }
 }
}
</style>
